<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <!--子代选择器是用来选择儿子也仅仅是儿子的,使用 > 来进行访问。 后代选择器选取的是后代，不仅仅是儿子。-->
    <!--同样需要遵循书写规范，例如p里面不能加块级元素。-->
    <!--不同的选择器之间可以相互使用，如   div p.object>a-->
    <style>
        /*div中的子代a元素*/
        div>a{
            color:red;
        }

        /*类名为Person的元素中的子代a元素*/
        .Person>a{
            color:green;
        }
    </style>
</head>

<body>
    <div class="Person">
        <a href="#">张三</a>
        <a href="#">李四</a>
        <a href="#">王五</a>
        <p class="object">
            <a href="#">赵六</a>
        </p>
    </div>
</body>
</html>